import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'
//应用Vuex
Vue.use(Vuex)

//创建actions对象，用于响应组件中用户的操作
const actions = {
    /* jia(context,value){
        // console.log('actions被调用了',context,value)
        context.commit('JIA',value)
    },
    jian(context,value){
        context.commit('JIAN',value)
    }, */
    jiaOdd(context,value){
        if(context.state.sum % 2 !== 0){
            context.commit('JIA',value)
        }
    },
    jiaWait(context,value){
        setTimeout(() => {
            context.commit('JIA',value)
        }, 500);
        
    },
}
//创建mutactions，用于操作state中的数据
const mutations = {
    JIA(context,value){
        // console.log('mutations被调用了',context,value)
        context.sum += value
    },
    JIAN(context,value){
        context.sum -= value
    }
}
//创建state对象，用于存储数据
const state = {
    sum:0,
    school:'尚硅谷',
    subject:'Vue'
}
const getters = {
    bigSum(){
        return state.sum*10
    }
}
//创建并暴露store
export default new Vuex.Store({
    actions,
    mutations,
    state,
    getters
})